<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="hotcss" content="max-width=750">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="Cache-Control" content="no-transform" /><!-- 禁止转码 -->
        <meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 禁止转码 -->
        <meta name="robots" content="noarchive"><!-- 禁止快照 -->
        <title>中国社区网</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <link rel="stylesheet" href="/skin/css/sm.min.css">
        <link rel="stylesheet" href="/skin/css/sm-extend.min.css">
        <link rel="stylesheet" href="/skin/css/cncnmob0902.css">
    </head>

    <body class="custome_body">
        <div class="page-group">
            <div class="page" id="home">
                <!-- 标题栏 -->
                <header class="bar bar-nav">
                    <a class="icon pull-left back icon-left"></a>
                    <h1 class="title"><img class="header_logo" src="/skin/images/logo.png" alt=""></h1>
                </header>
                <!-- 这里是页面内容区 -->
                <div class="content">
                    <!-- 轮播图 -->
                    <div class="swiper-container" data-space-between='0'>
                        <div class="swiper-wrapper">
                            {volist name="focus" id="v"}
                            <div class="swiper-slide">
                                <a href="{$v.titleurl}"><img src="{$v.titlepic}" alt="{$v.title}">
                                    <p><span class="pull-left">{$v.ftitle}</span><span class="pull-right"></span></p>
                                </a>
                            </div>
                            {/volist}
                        </div>

                    </div>
                    <!-- 标签导航 -->
                    <div class="buttons-tab" data-offset="44" id="buttons-tab">
                        <span id="tab_link_wrap" class="clearfix content-inner">
                  <!-- <a href="#tab1" class="tab-link button active">最新</a> -->
                          <a data-flag="false" href="#tab1" class="tab-link  active" col="hotnews">社区新闻</a>
                          <a data-flag="true" href="#tab2" class="tab-link" col="comnews">社区联播</a>
                          <a data-flag="true" href="#tab3" class="tab-link" col="party">社区党建</a>
                          <a data-flag="true" href="#tab4" class="tab-link" col="zyfw">志愿服务</a>
                          <a data-flag="true" href="#tab5" class="tab-link" col="sjs">书记访谈</a>
                          <a data-flag="true" href="#tab6" class="tab-link" col="sqxy">社区学院</a>
                    </span>
                    </div>
                    <!-- tad 切换栏 -->
                    <div class="tabs custome_css" id="tabs_cncnmob">
                        <div id="tab1" class="tab active infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                        <div id="tab2" class="tab infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                        <div id="tab3" class="tab infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                        <div id="tab4" class="tab infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                        <div id="tab5" class="tab infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                        <div id="tab6" class="tab infinite-scroll">
                            <div class="list-block media-list">
                                <ul></ul>
                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader"> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="/skin/js/zepto.min.js"></script>
        <script src="/skin/js/sm.min.js"></script>
        <script src="/skin/js/sm-extend.min.js"></script>
        <script src="/skin/js/echo.min.js"></script>
        <script src="/skin/js/cncnmob0902-2.js"></script>
    </body>

</html>
